<template>

    <v-app id="inspire">
        <v-main>
            <v-container
                    class="fill-height"
                    fluid
            >
                <v-row
                        align="center"
                        justify="center"
                >
                    <v-col
                            cols="12"
                            sm="8"
                            md="4"
                    >
                        <LoginComponent></LoginComponent>
                        <!--<v-card class="elevation-12">
                            <v-toolbar
                                    color="primary"
                                    dark
                                    flat
                            >
                                <v-toolbar-title>后端登录</v-toolbar-title>
                                <v-spacer></v-spacer>
                            </v-toolbar>
                            <v-card-text>
                                <v-form>
                                    <v-text-field
                                            v-model="username"
                                            :rules="[ checkValue ]"
                                            label="用户名"
                                            name="login"
                                            prepend-icon="mdi-account"
                                            type="text"
                                    ></v-text-field>

                                    <v-text-field
                                            v-model="password"
                                            :rules="[ checkValue ]"
                                            label="密码"
                                            name="password"
                                            prepend-icon="mdi-lock"
                                            type="password"
                                    ></v-text-field>
                                </v-form>
                            </v-card-text>
                            <v-card-actions>
                                <v-spacer></v-spacer>
                                <v-btn color="primary" @click="toLogin">登录</v-btn>
                            </v-card-actions>
                        </v-card>-->
                    </v-col>
                </v-row>
            </v-container>
        </v-main>
    </v-app>

</template>

<script>
    import  LoginComponent from '@/components/LoginComponent'
  export default {
    name: 'Login',
    components:{
      LoginComponent
    }

  }
</script>

<style scoped>

</style>